<!--
 * @Author: CPS
 * @email: 373704015@qq.com
 * @Date: 2021-02-11 01:27:57
 * @Last Modified by: CPS
 * @Last Modified time: 2021-02-11 01:27:57
 * @Filename App.vue
 * @Description:  功能描述
-->

<template lang="pug">
v-app
  v-navigation-drawer(:permanent="drawer", v-model="drawer", app, color="#eee")
    Aside

  v-app-bar(color="yellow",dense, app)
    v-app-bar-nav-icon(
      @click="drawer = !drawer",
      icon="mdi-format-list-bulleted-square")
    v-toolbar-title {{ $t('navbar.title') }}

  v-main

</template>

<script>
import fs from "fs";
import path from "path";

import Aside from "./views/Aside.vue";

export default {
  components: { Aside },
  /*=========================================== 属性 ===================================*/
  props: {},
  data: () => ({
    drawer: true,
  }),
  computed: {},
  /*=========================================== 方法 ===================================*/
  methods: {
    async test() {
      console.log("dir: ", __dirname);
      console.log("fs: ", fs);
      console.log("path: ", path);
    },
  },

  /*=========================================== 生命周期 ===================================*/
  created() {},
  mounted() {},
};
</script>
<style lang="stylus" scoped></style>
